/**
 * 流水报表
 * @constructor
 */
function FlowList() {
}

FlowList.init = function () {
    //日期区间选择
    laydate.render({
        elem: '#start_yearmonth',
        theme: 'molv',
        type: 'datetime'
    });
    laydate.render({
        elem: '#end_yearmonth',
        theme: 'molv',
        type: 'datetime'
    });


    bindShopForRoleselect();
    $('#tableList').bootstrapTable({
        url: '/chargingFlow/tableSearch',
        method: 'post',
        striped : true, //是否显示行间隔色
        toolbar: "#toolbar",
        sidePagination: "true",
        dataField: "data",//这是返回的json数组的key.默认是"rows".这里只有前后端约定好就行
        showToggle : true, //是否显示详细视图和列表视图的切换按钮
        striped: true, // 是否显示行间隔色
        //search : "true",
        uniqueId: "id",
        pageList : [ 5, 10, 20,50,100],//可选择单页记录数
        pageSize: "10",
        pagination: true, // 是否分页
        sortable: true, // 是否启用排序
        sidePagination: 'server', // 设置为服务器端分页     客户端：client
        search:false,
        showColumns: true,
        showRefresh: true,
        detailView:true,
        //得到查询的参数
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var query_params = {
                //********table的参数 不变
                pageSize: params.limit,                         //页面大小
                pageIndex: (params.offset / params.limit) + 1,   //页码
                sort: params.sort,      //排序列名
                sortOrder: params.order, //排位命令（desc，asc）
                //********
                //获取查询的对象，往下加入
                startTimeStr: $('#start_yearmonth').val(), // 请求时向服务端传递的参数
                endTimeStr: $('#end_yearmonth').val(),
                shopId: $('#search_Shop').val(),
            };
            return query_params;
        },
        columns: [
            {
                //field: 'Number',//可不加
                title: '序号',//标题  可不加
                align: "center",
                width: 40,
                formatter: function (value, row, index) {
                    var pageSize=$('#tableList').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条
                    var pageNumber=$('#tableList').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页
                    return pageSize * (pageNumber - 1) + index + 1;//返回每条的序号： 每页条数 * （当前页 - 1 ）+ 序号
                }
            },
            { field: 'createTime', title: '交易时间',align: 'center'},
            { field: 'clientName', title: '交易用户',align: 'center'},
            //{ field: 'roomName', title: '预约房间',align: 'center'},
            /*{
                title: '预约时间',
                align: 'center',
                formatter: function (value, row, index) {
                    var optionHtml =row.startTime+ " -- "+row.endTime;
                    return optionHtml;

                }
            },*/
            {
                title: '订单类型',
                align: 'center',
                formatter: function (value, row, index) {
                    var optionHtml = "";
                    if(row.oderFlag==1)
                    {
                        optionHtml="会员注册";
                    }
                    else {
                        optionHtml="每日流水";
                    }
                    return optionHtml;
                }
            },
            { field: 'amount', title: '金额',align: 'center'},
            /*{
                title: '详细',
                align: 'center',
                formatter: function (value, row, index) {
                    var optionHtml = "";
                    optionHtml = "<a class=\"btn btn-success btn-xs\"  href=\"javascript:void(0)\"  onclick='actionRecord(" + JSON.stringify(row) + ",\"find\")' title=\"查看详细\" ><i class=\"fa fa-edit\"></i>查看详细</a>";
                    return optionHtml;
                }
            }*/
        ],
        onExpandRow: function (index, row, $detail) {
            InitSubTable(index, row, $detail);
        }
    });
    //getEchartMap();
}
//查询方法****************************
function doSearch() {
    $('#tableList').bootstrapTable(('refresh')); // 很重要的一步，刷新url！
    //getEchartMap();
}
//重置****************************
function doRest() {
    $("#search_Shop").val("");
    $('#start_yearmonth').val(""),
    $('#end_yearmonth').val(""),
    $('#tableList').bootstrapTable(('refresh')); // 很重要的一步，刷新url！
    //getEchartMap();
}
//增加方法****************************
var Action="";
var Id=0;
var pxt="/appointment"; //控制器名称
function addRecord() {
    Id=0;
    Action="appointment";
    $("#myform")[0].reset();
    $("#save").removeAttr("disabled");
    // $("#text_ClientNo").removeAttr("readonly");
    console.log("ww");
}




//绑定下拉****************************
function bindShopForRoleselect() {

    $.ajax({
        url: "/room/getShopForRole",
        type: "get",
        contentType: "application/json",
        dataType: "json",
        success: function (data) {
            var ddl1 = $("#search_Shop");
            //删除节点
            $("#search_Shop option").remove();

            //转成Json对象
            var result = eval(data.data);
            var opt1 = $("<option value=''></option>").text("--请选择所属商铺--").val("");

            ddl1.append(opt1);

            //循环遍历 下拉框绑定
            $(result).each(function (key) {
                //添加option 对应Json对象名称
                opt1 = $("<option></option>").text(result[key].name).val(result[key].id);

                ddl1.append(opt1);

            });
        },
        error: function () {
            // alert("Error");
        }
    });

}
//画图****************

function getEchartMap()
{
    var myChart = echarts.init(document.getElementById('container'));
    var startTimeStr = $('#start_yearmonth').val();
    var endTimeStr = $('#end_yearmonth').val();
    var shopId = $('#search_Shop').val();
    var postdata={
        startTimeStr:startTimeStr,
        endTimeStr:endTimeStr,
        shopId:shopId,
    };
    $.ajax({
        url:"/appointment/getFlowListMap",
        type:"post",
        data:JSON.stringify(postdata),
        contentType:"application/json",
        dataType:"json",
        async: false, // 同步
        success:function(data) {
            console.log("data.typenames:",data.typenames);
            console.log("data.shopnames:",data.shopnames);
            Maps(data,myChart);
        }
    });



}
function Maps(mapdata,myChart) {
    var option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            data: mapdata.typenames
        },
        toolbox: {
            show: true,
            orient: 'vertical',
            left: 'right',
            top: 'center',
            feature: {
                mark: {show: true},
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        xAxis: [
            {
                type: 'category',
                axisTick: {show: false},
                data: mapdata.shopnames
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series:mapdata.series
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option, true); //如果不设置TRUE就不能动态加载图
    window.onresize = myChart.resize;
}
function InitSubTable(index, row, $detail) {
    var orderNumber = row.orderNumber;
    var cur_table = $detail.html('<table></table>').find('table');
    $(cur_table).bootstrapTable({
        url: '/chargingFlow/charglist',
        method: 'post',
        queryParams: { orderNumber: orderNumber },
        dataField: "data",
        pageSize: 10,
        pageList: [10, 25],
        columns: [
            { field: 'createTime', title: '交易时间',align: 'center'},
            { field: 'name', title: '交易对象',align: 'center'},
            { field: 'money', title: '交易金额',align: 'center'},
            { field: 'remark', title: '交易备注',align: 'center'}
            ]
    });
};

//*****************************************************************************************
